Исправить мобильные экраны production и фильтр оценки проектов - #417

Что изменено

Исправлены мобильные дефекты production: публикация новости, навыки профиля, оценка проектов и её фильтры, кнопки курса/создания проекта, номера заданий и панель новости. Проекты и участники размещаются по две карточки в строке. Геометрия меняется только до 999px; desktop-шаблоны сохранены.

Зачем

Устранить девять проблем со скриншотов production, сохранив внешний вид ПК. Ветка создана от текущего master после #408; dev не переносится.

Реализация

• NewsForm: доступная submit-кнопка 44×44 в нижнем ряду, сохранены validation и pending.
• Навыки: горизонтальные теги с переносом длинных категорий; в карточках участников длинный навык ограничен одной строкой.
• Оценки: поля 48×44 с компактным padding, интервалы между критериями, перенос длинных подписей без горизонтального выталкивания карточки.
• Фильтр: мобильное окно вынесено из desktop-only условия. Переключатель «проекты с оценкой» доступен без дополнительных полей; устранён двойной click от label. Выбор/URL/POST/reset и Escape проверены.
• Analytics и «создать проект» помещаются в одну строку; 12 номеров заданий центрированы в плитках.
• Две колонки в dashboard, списках проектов/участников и списках программы. Пустая выдача занимает обе колонки; приглашения сохраняют свою композицию.
• Лайк/ссылка/просмотры и CTA вынесены из scroll новости с нижним отступом 24px + safe area.
• В мобильных пустых данных конкурса удалён sad-smile, подсказка находится рядом с кнопкой вне ссылки.

API

Endpoints, payloads и runtime TypeScript не менялись. Сохранены filtering semantics, query params, 300ms debounce, pagination, autosave, дедлайны и правила оценивания.

UI

Существующие компоненты, Mont и production tokens. Новые CSS ограничены max-width:999px; desktop-ветки пяти HTML побайтно совпадают с master. Отчёт, acceptance audit и снимки.

Permissions

Не менялись: серверные правила, object scope и проверки ролей сохраняются; изменение фильтра касается доступности существующего мобильного окна.

Проверки

• Checked by source: итоговый diff, 5 desktop HTML без изменений, runtime TS/assets не менялись; review без оставшихся actionable findings.
• Checked by tests: npm run test:ci — 413 файлов, 2103 теста; добавлены 4 regression case.
• Checked by build: npm run build:prod — exit 0, budgets не повышались.
• npm run lint:ts — 0 errors, 6 прежних warnings; Stylelint 16 SCSS — exit 0; git diff --check — exit 0.
• npm run format:check — полный staged index с LF, как на Linux CI.
• Checked in browser: 320/390/768px; реальные Angular routes на synthetic API, выбор кейса → POST → no results → reset; checkbox без полей, оценки, навыки, курс/урок, две колонки и полная ширина empty states.
• Desktop 1000/1440/1920px: 109/109 точных RGB comparisons, 0 отличающихся пикселей. Основная матрица 66, новые состояния 27, дополнительные роли/редакторы/уведомления 16. Без masks/tolerance.

Acceptance criteria

• 1–2: отправка новости на месте; навыки читаемы.
• 3–4: компактные оценки и работающий фильтр с сохранением/сбросом выбора.
• 5–6: аналитика без переноса, номера заданий по центру.
• 7: создание проекта в одну строку; проекты/участники по две карточки, включая 320px.
• 8–9: нижние действия новости с отступом; конкурс без sad-smile и перекрытия подсказки.
• Desktop соответствует baseline master на 109 проверенных снимках.

Не проверено

Физические iOS/Android, Safari/WebKit, реальная клавиатура и live API. Browser gate использует Chrome/Windows и синтетические данные; он не покрывает все возможные страницы/данные.

Риски / migration

Backend changes и миграции не требуются. После выкладки на устройстве проверить публикацию, фильтр оценок, длинные навыки, scroll номеров урока и две колонки. Windows visual builds используют восстановленный tracked sprite с symbol nodes; JS/CSS bundles не патчились. Merge и production deployment — отдельно пользователем.